<template>
  <ul class="homeForBranch">
    <li v-for="(item, index) in arr" :key="index">
      <router-link :to="item.url" tag="a">
        <img :src="item.src" alt />
      </router-link>
    </li>
  </ul>
</template>

<script>
export default {
  name: "homeForBranch",
  props: ["arr"]
};
</script>

<style scoped>
.homeForBranch > li {
  width: 25%;
  float: left;
  box-sizing: border-box;
}

.homeForBranch > li a {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.homeForBranch > li img {
  width: 100%;
  vertical-align: top;
}
</style>